/* pages/home/home.wxss */
.home{
    .swiper{
        image{
            width: 100%;
            height: 400rpx;
        }
    }
    .nav{
        display: flex;
        text-align: center;
        padding: 20rpx 0;
        border-bottom: 16rpx solid #eee;
        .nav_img_title{
            width: 25%;
            padding: 20rpx;
            image{
                width: 100%;
                height: 100%;
            }
            .nav_title{
                font-size: 28rpx;
                color: #a79a9a;
            }
        }
    }
    .hot{
        text-align: center;
        .hot_title{
            font-size: 34rpx;
            color: #ff5777;
            padding: 20rpx;
            font-weight: bold;
        }
        image{
            width: 100%;
            height: 400rpx;
        }
    }
    .nav_control{
        display: flex;
        text-align: center;
        padding: 20rpx;
        .control{
            flex: 1;
        }
    }
    .active{
        color: #ff5777;
    }
    .goods{
        margin-top: 20rpx;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        .goods_List{
            width: 48%;
            flex-direction: column;

            .goods_img{
                image{
                    width: 100%;
                    border-radius: 20rpx;
                }
            }
            .goods_title{
                padding: 10rpx 0;
                font-size: 30rpx;
                color: #292828;
            }
            .goods_price{
                color: red;
                padding: 0 0 20rpx 0;
            }
        }
    }
    .back_top{
        position: fixed;
        right: 20rpx;
        bottom: 20rpx;
        width: 80rpx;
        height: 100rpx;
        border-radius: 50%;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        image{
            width: 40rpx;
            height: 40rpx;
        }
    }
}